import { createStore } from 'vuex'
import {getMusicLyric} from '@/api/item.js'
import { getPhonelogin } from "@/api/home.js";    
export default createStore({
  state: {
    // 设置歌单的默认值
    playList: [{
      al: {
        id: 34147,
name: "光辉岁月十五年",
pic: 29686813951246,
picUrl: "https://p2.music.126.net/JOJvZc_7SqQjKf8TktQ_bw==/29686813951246.jpg"
      },
      ar:[{
        id: 11127, name: 'Beyond', tns: Array(0), alias: Array(0)
      }],
      name:'光辉岁月',
      id: 346576
    }],
    // 存的是数组，定义个索引值,播放列表的下标
    playListIndex:0,//获取歌曲数组的下标
    isdisplay:true,//播放按钮的显示
    MusicDetail:false,//歌曲详情弹出
    lyricList:{},//歌词的信息
    currentTime:0,//歌曲的当前时间
    duration:0,//歌曲的总时长
    isLogin:false,//判断是否登录
    isFootershow:true,//判断底部组件是否展示
    token:''//用来判断是否有token值
  },
  getters: {
  },
  mutations: {
    // 往播放列表中添加新歌曲数据
    pushPlayList(state,value){
        state.playList.push(value)
    },
    //改变播放按钮的状态值
    updateBtn(state,value){
          state.isdisplay=value
    },
    //更换播放列表
    updateplayList(state,value){
        state.playList=value
        // console.log(state.playList);
    } ,
    // 更新歌曲的id
    updateplayListIndex(state,value){
          state.playListIndex=value
    },
    // 改变歌曲详情弹出的状态
    alterMusiclDetail(state){
        state.MusicDetail=!state.MusicDetail
    },
    // 存储歌词的信息
    updateLyricList(state,value){
        state.lyricList=value
    },
    //改变当前的时间  
    updatecurrentTime(state,value){
        state.currentTime=value
        // console.log(state.currentTime);
    },
    // 获取当前歌曲的总时长
    updateDuration(state,value){
          state.duration=value
    },
    // 改变底部组件是否展示
    updateIsFooterShow(state,value){
      state.isFootershow=value
    },
    // 更新token值
    updateToken(state,value){
        state.token=value
        localStorage.setItem('token',JSON.stringify(state.token))
    },
    // 更新登录状态
    updateIsLogin(state,value){
        state.isLogin=value
    }
  },
  actions: {
    // 获取歌单的信息
    async getLyric(context,value){
      const {data:res}=await getMusicLyric(value)
      // console.log(res);
      context.commit('updateLyricList',res.lrc)
    },
    // 获取登录的数据
  //  async getLogin(context,value){
  //     const res=await getPhonelogin(value)
  //     console.log(res);
  //   }
  },
  modules: {
  }
})
